<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable"><!--当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style"><!--将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式(可选default、black、black-translucent)-->
    <meta name="HandheldFriendly" content="true">
    <meta itemprop="name" content="堇年-用图片记录生活">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>堇年 - 用图片记录生活</title>
    <link href="__STATIC__/index/images/favicon.ico" rel="shortcut icon" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_361244_ynq8mko3lo758kt9.css">
    <link rel="stylesheet" href="__STATIC__/index/css/index.css?v=1509785810" type="text/css" >
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<style>
    .video-js{outline:none;}
    @-ms-viewport       { width: device-width; }
    @-o-viewport        { width: device-width; }
    @viewport           { width: device-width; }
    @media print {
        .container {
            width: auto;
        }
    }
</style>
<script>
    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
        var msViewportStyle = document.createElement('style');
        msViewportStyle.appendChild(
            document.createTextNode(
                '@-ms-viewport{width:auto!important}'
            )
        );
        document.querySelector('head').appendChild(msViewportStyle);
    }
</script>
<body>
    <!--nav-->
    <div class="layout border" style="position: relative;height: 56px;">
        <div class="container sk-title hidden-xs visible-sm-* visible-md-* visible-lg-*">
            <div class="row logo">
                <div class="col-xs-5 col-sm-6 col-md-6 text-left">
                    <a>
                        <img src="__STATIC__/index/images/logo1.png" alt="堇年logo" style="position: relative;
    bottom: 2px;width: 32px;vertical-align: middle">
                        <span>堇年</span>
                    </a>
                </div>
                <div class="col-xs-7 col-sm-6 col-md-6 text-right slogan">用图片记录生活</div>
            </div>
        </div>
        <div class="container-fluid sk-title hidden-sm hidden-md hidden-lg visible-xs-*">
            <div class="row logo">
                <div class="col-xs-5 text-left">
                    <a>
                        <img src="__STATIC__/index/images/logo1.png" alt="堇年logo" style="position: relative;
    bottom: 2px;width: 32px;vertical-align: middle">
                        <span>堇年</span>
                    </a>
                </div>
                <div class="col-xs-7 text-right slogan">用图片记录生活</div>
            </div>
        </div>
    </div>
    <!--end nav-->

    <!--banner-->
    <div class="sk-banner" style="position: relative">
        <div class="sk-iphone">
            <div class="iphone">
                <div class="top center">
                    <div class="point-sensor"></div>
                </div>
                <div class="main">
                    <div id="poster" class="poster">
                        <img style="width: 100%" src="__STATIC__/index/images/poster-app1.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>


    </div>
    <!--end banner-->

    <!--download-->
    <div class="layout border1 text-center">
        <div class="row sk-download">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center download-box">
                <div class="bg-black radius download">
                    <a href="https://itunes.apple.com/cn/app/%E6%97%B6%E5%88%BB-%E8%AE%B0%E5%BD%95%E7%BE%8E%E5%A5%BD%E7%94%9F%E6%B4%BB/id1290852108?mt=8" class="down center clearfix" target="_blank">
                        <span><i class="icon iconfont down-icon">&#xe6ec;</i></span>
                        <div class="down-content" style="padding-top: 3px;">
                            <div class="down-content-type">App Store</div>
                            <div class="down-content-method">下载</div>
                        </div>
                    </a>
                </div>
            </div>
            <!--<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 center download-box" >-->
                <!--<div class="bg-black radius download">-->
                    <!--<a id="download_android" class="down center clearfix" target="_blank">-->
                        <!--<span><i class="icon iconfont down-icon">&#xe623;</i></span>-->
                        <!--<div class="down-content">-->
                            <!--<div class="down-content-type">Android</div>-->
                            <!--<div class="down-content-method">下载</div>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 center download-box">-->
                <!--<div class="bg-black radius download">-->
                    <!--<a id="web_app" class="down center clearfix" target="_blank">-->
                        <!--<span><i class="icon iconfont down-icon">&#xe65e;</i></span>-->
                        <!--<div class="down-content">-->
                            <!--<div class="down-content-type">Web Application</div>-->
                            <!--<div class="down-content-method">网页版入口</div>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <!--end download-->

    <!--intro-->
    <div class="sk-intro">
        <div class="intro-line">
            <div class="row intro-box">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix center intro">
                    <div class="float-left intro-icon-edit intro-icon"></div>
                    <div class="t20 intro-word float-left">
                        优雅的操作体验
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix center intro">
                    <div class="float-left intro-icon-search intro-icon"></div>
                    <div class="t20 intro-word float-left">
                        轻松的搜索功能
                    </div>
                </div>
            </div>
        </div>
        <div class="intro-line">
            <div class="row intro-box">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix center intro">
                    <div class="float-left intro-icon-label intro-icon"></div>
                    <div class="t20 intro-word float-left">
                        随性的标签定义
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 clearfix center intro">
                    <div class="float-left intro-icon-upload intro-icon"></div>
                    <div class="t20 intro-word float-left">
                        实时的数据存储
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end intro-->

    <div class="layout sk-footer hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-left">
                    <a >沪ICP备17032584号-1</a>
                    <span style="padding-left: 10px;">上海忻木网络科技有限公司</span>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right">
                    <div style="display: inline-block;padding-left: 30px;">
                        <a id="tooltips">联系我们</a>
                    </div>
                    <div style="display: inline-block;padding-left: 20px;">
                        <i class="icon iconfont" style="font-size: 30px;vertical-align: middle;">&#xe635;</i>
                        <i class="icon iconfont" style="font-size: 30px;vertical-align: middle;padding-left: 10px;">&#xe6eb;</i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid sk-footer1 visible-xs-* hidden-sm hidden-md hidden-lg">
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-left">
                <span>堇年</span>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right">
                <i class="icon iconfont " style="font-size: 30px;vertical-align: middle;">&#xe635;</i>
                <i class="icon iconfont" style="font-size: 30px;vertical-align: middle;padding-left: 10px;">&#xe6eb;</i>
            </div>
        </div>
    </div>


    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="__STATIC__/index/plugins/tooltips/css/tooltips.css" type="text/css" >
    <link rel="stylesheet" type="text/css" href="__STATIC__/index/plugins/flavr/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/index/plugins/flavr/css/flavr.css" />
    <!--<link rel="stylesheet" type="text/css" href="__STATIC__/index/plugins/video/css/video-js.css" />-->
    <script src="__STATIC__/index/plugins/tooltips/js/bootstrap-tooltip.js"></script>
    <script src="__STATIC__/index/plugins/tooltips/js/jquery.pure.tooltips.js"></script>
    <script type="text/javascript" src="__STATIC__/index/plugins/flavr/js/flavr.min.js"></script>
    <!--<script type="text/javascript" src="__STATIC__/index/plugins/video/js/video.min.js"></script>-->
    <!--[if lt IE 8]>
    <!--<script type="text/javascript" src="__STATIC__/index/plugins/video/js/videojs-ie8.min.js"></script>-->
    <![endif]-->


    <script>
        $('#download_android').on('click', function() {
            new $.flavr({ content : '敬请期待', closeOverlay : true, closeEsc : true });
        });
        $('#web_app').on('click', function() {
            new $.flavr({ content : '敬请期待', closeOverlay : true, closeEsc : true });
        });

        /*jQuery包装集调用方式*/
        $('#tooltips').pt({
            position: 't', // 默认属性值
            align: 'c',	   // 默认属性值
            width: '230',
            height: '125',
            arrow: true,
            content: '<div style="width:180px;height:100px;margin:0 auto;border-radius: 20px;">' +
                         '<div style="padding:20px 0 20px 0"><i class="icon iconfont" style="font-size:14px;vertical-align: middle;">&#xe625;</i><span style="padding-left: 10px;">service@shikenote.com</span></div>' +
                         '<i class="icon iconfont" style="font-size:20px;vertical-align: middle;">&#xe653;</i><span style="padding-left: 10px;">13052018371</span>' +
                     '</div>'
        });
    </script>
</body>
</html>